<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Bootstrap Admin App + jQuery">
		<meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
		<title>殡仪馆管理</title>
		<!-- =============== VENDOR STYLES ===============-->
		<!-- FONT AWESOME-->
		<link rel="stylesheet" href="css/fontawesome/css/font-awesome.min.css">
		<!-- SIMPLE LINE ICONS-->
		<link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
		<!-- ANIMATE.CSS-->
		<link rel="stylesheet" href="css/animate.css/animate.min.css">
		<!-- WHIRL (spinners)-->
		<link rel="stylesheet" href="css/whirl/dist/whirl.css">
		<!-- =============== PAGE VENDOR STYLES ===============-->
		<!-- DATATABLES-->
		<link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">
		<!--<link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->
		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<!-- =============== BOOTSTRAP STYLES ===============-->
		<link rel="stylesheet" href="css/bootstrap.css" id="bscss">
		<!-- =============== APP STYLES ===============-->
		<link rel="stylesheet" href="css/app.css" id="maincss">
		<link rel="stylesheet" href="css/myself.css" id="maincss">
	</head>

	<body>
		<div class="wrapper">
			<!--header start-->
			<script type="text/javascript" src="header.html"></script>
			<!--header end-->
			<!-- sidebar-->
			<script type="text/javascript" src="left_sidebar.html"></script>
			<!-- offsidebar-->
			<!-- Main section-->
			<section>
				<div class="content-wrapper">
					<div class="row">
						<div class="col-lg-6">
							<div class="row">
								<div class="col-lg-12">
									<div class="panel panel-default">
										<div class="panel-heading dogo-css-costhead">
											<span class="panel-title">逝者信息</span>
										</div>
										<div class="panel-body">
											<div class="panel widget">
												<div class="row row-table">
													<div class="col-xs-12">
														<h3 class="mt0 dogo-css-costh3">阿伟</h3>
														<span class="dogo-css-costspan"><em class="dogo-css-costem">男</em><em>汉族</em></span>
														<span class="dogo-css-costspan2">1933-11-11</span>
														<div class="col-xs-6">
															<ul class="list-unstyled dogo-css-costul">
																<li class="mb-sm">
																	<em class="fa fa-credit-card fa-fw dogo-css-costcolor"></em>6200000048562548221</li>
																<li class="mb-sm">
																	<em class="fa fa-heartbeat fa-fw dogo-css-costcolor"></em>重病</li>
																<!--<li class="mb-sm">
																	<em class="fa fa-envelope fa-fw dogo-css-costcolor"></em>xxx市xxx县xxx乡xxx村</li>-->
															</ul>
														</div>
														<div class="col-xs-6">
															<ul class="list-unstyled dogo-css-costul">
																<li class="mb-sm">
																	<em class="fa fa-bed fa-fw dogo-css-costcolor"></em>2016-10-14</li>
																<li class="mb-sm">
																	<em class="fa fa-hospital-o fa-fw dogo-css-costcolor"></em>2017-01-11</li>
																<!--<li class="mb-sm">
																	<em class="fa fa-save fa-fw dogo-css-costcolor"></em>xxx公墓xxx区xxx排xxx穴</li>-->
															</ul>
														</div>
														<p class="dogo-css-costp">
															<em class="fa fa-envelope fa-fw dogo-css-costcolor"></em>
															<span>xxx市xxx县xxx乡xxx村</span>
														</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="row">
								<div class="col-lg-12">
									<div class="panel panel-default">
										<div class="panel-heading dogo-css-costhead">
											<span class="panel-title">逝者亲属信息</span>
										</div>
										<div class="panel-body" style="height: 175px;">
											<div class="panel widget">
												<div class="row row-table">
													<div class="col-xs-12">
														<h3 class="mt0" style="position: relative;margin-bottom: 25px;">伟位</h3>
														<!--<span style="position: absolute;top: -4px;left: 80px;"><em style="margin-right: 20px;">男</em><em>汉族</em></span>
														<span style="position: absolute;top: 15px;left: 80px;">1933-11-11</span>-->
														<div class="col-xs-6">
															<ul class="list-unstyled">
																<li class="mb-sm">
																	<em class="fa fa-user fa-fw dogo-css-costcolor"></em>儿子</li>
																
																
															</ul>
														</div>
														<div class="col-xs-6">
															<ul class="list-unstyled">
																<li class="mb-sm">
																	<em class="fa fa-phone fa-fw dogo-css-costcolor"></em>1568976413</li>
																<!--<li class="mb-sm">
																	<em class="fa fa-twitter fa-fw"></em>@asdasd</li>
																<li class="mb-sm">
																	<em class="fa fa-envelope fa-fw"></em>asdasd@mail.com</li>-->
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<div class="panel panel-default">
								<div class="panel-heading dogo-css-costhead">
									<span class="panel-title">金额列表</span>
								</div>
								<div class="panel-body dogo-css-costbody">
									<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">费用类别</label>
										<div class="col-lg-8">
											<input type="text" class="form-control">
										</div>
									</div>
									<div class="pull-right">
										<!--<span class="dogo-css-checkBtn1" style=" padding-left: 5px;"><img src="img/tpic.png" style="margin-right: 5px;">取消</span>-->
										<span class="dogo-css-checkBtn1"><img src="img/search.png">查询</span>
										<span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal"><img src="img/add.png">添加</span>
									</div>
								</div>
								<div class="panel-body">
									<div class="table-responsive">
										<table class="table table-striped table-bordered table-hover">
											<thead class="dogo-css-thead">
												<tr>
													<th>费用类别</th>
													<th>单位</th>
													<th>单价</th>
													<th>数量</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>11</td>
													<td>1</td>
													<td>12</td>
													<td>12</td>
												</tr>
												<tr>
													<td>22</td>
													<td>2</td>
													<td>22</td>
													<td>44</td>
												</tr>
												<tr>
													<td>33</td>
													<td>3</td>
													<td>33</td>
													<td>99</td>
												</tr>
											</tbody>
										</table>
									</div>								
								</div>
							</div>							
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- 添加Modal-->
		<div id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
			<div class="modal-dialog dogo-css-modialog">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" data-dismiss="modal" aria-label="Close" class="close dogo-css-moclose">
                  			<span aria-hidden="true">&times;</span>
               			</button>
						<span id="myModalLabel" class="modal-title dogo-css-motitle">添加</span>
					</div>
					<div class="modal-body">
						<table style="width: 564px;" class="table table-striped table-bordered1 table-hover ">
								<thead>
									<tr>
										<th class="dogo-css-areath">费用类别</th>
										<th class="dogo-css-areath">单位</th>
										<th class="dogo-css-areath">单价</th>
										<th class="dogo-css-areath">数量</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="text" class="dogo-css-costipt"/></td>
										<td><input type="text" class="dogo-css-costipt"/></td>
										<td><input type="text" class="dogo-css-costipt"/></td>
										<td><input type="text" class="dogo-css-costipt"/></td>
									</tr>									
								</tbody>
							</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary">确定</button>
						<button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!-- =============== VENDOR SCRIPTS ===============-->
		<!-- JQUERY-->
		<script src="js/jquery/dist/jquery.js"></script>
		<!-- BOOTSTRAP-->
		<script src="js/bootstrap/dist/js/bootstrap.js"></script>
		<!-- STORAGE API-->
		<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
		<!-- DATATABLES-->
		<script src="js/datatables/media/js/jquery.dataTables.min.js"></script>
		<!-- =============== APP SCRIPTS ===============-->
		<script src="js/app.js"></script>
		<script src="js/myself.js"></script>
	</body>

</html>